@mixin menu-styles($background) {
  >ul>li>a {

    &:hover,
    &:focus {
      color: #fff;
      background-color: $background;
    }
  }
}


.hoverdown-menu {
  &>ul {
    background-color: $dropdown-bg;
    border: 1px solid $dropdown-fallback-border; // IE8 fallback
    border: 1px solid $dropdown-border;
    @include box-shadow(0 6px 12px rgba(0, 0, 0, .175));

    &>li>a {
      color: $dropdown-link-color;
      &:hover,
      &:focus {
        color: $dropdown-link-hover-color;
        text-decoration: none;
        background-color: $dropdown-link-hover-bg;
      }
    }
  }

  &.hoverdown-menu-primary {
    @include menu-styles($btn-primary-bg);
  }

  &.hoverdown-menu-success {
    @include menu-styles($btn-success-bg);
  }

  &.hoverdown-menu-info {
    @include menu-styles($btn-info-bg);
  }

  &.hoverdown-menu-warning {
    @include menu-styles($btn-warning-bg);
  }

  &.hoverdown-menu-danger {
    @include menu-styles($btn-danger-bg);
  }
}


.divider {
  @include nav-divider($dropdown-divider-bg);
}

.hoverdown-menu>ul>.disabled>a {

  &,
  &:hover,
  &:focus {
    color: rgba($color: $gray-light, $alpha: 0.6);
  }

  &:hover,
  &:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none; // Remove CSS gradient
  }
}